<%@ page language = "Java" import = "java.io.*, java.util.*" errorPage="error/errorpage.jsp"
pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ page import="beans.BeanLugares" 
		 import="utils.GeneradorXML"
		 import="mapping.ElementoMapa"%>
<jsp:useBean id="mybean" class="beans.BeanLugares"/>
<%
	if(session.getAttribute("usuario") == null){
		throw new IllegalArgumentException("Oye! No intentes acceder a esta pagina sin haberte logueado antes.<br/>"+ 
		"Si ya te logueaste es posible que tu sesion haya expirado; en ese caso, vuelve a introducir tu usuario y contrase&ntilde;a"
		+".<br>Haz click <a href='index.jsp'>aqu&iacute;</a>");
	}
	else {
		if(!session.getAttribute("es_admin").equals(new Integer(1)))
			throw new IllegalArgumentException("Para acceder a esta pagina debes ser administrador.<br/> Volver a la p&aacute;gina de <a href='../index.jsp'>inicio</a>");
	}
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--  VALIDADO :-D -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  	<link rel="stylesheet" href="../estilos/style.css" type="text/css" media="screen" charset="utf-8"/>
  	<link rel="stylesheet" href="../estilos/callejerostyle.css" type="text/css" media="screen" charset="utf-8" />
  
  	<script src="../ajax/scriptaculous-js-1.8.1/lib/prototype.js" type="text/javascript" charset="utf-8"></script>
	<script src="../ajax/scriptaculous-js-1.8.1/src/effects.js" type="text/javascript" charset="utf-8"></script>
 	<script src="http://www.google.com/jsapi?key=ABQIAAAAW6ZkayH6hhgMyC2y6LQx8xQkRs_WW3LuT_BxsclnnM2SXBs4HxSp2Ukg-tY3gZU6rw7kePxNiNAS9Q" type="text/javascript"></script>
  	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAW6ZkayH6hhgMyC2y6LQx8xTlOAjHTmgj9z0QOzdQFV7VnifGuxSJsOzr3eQromRGXbLCHJKjeEnNNw" type="text/javascript"></script> 
  	<script src="../js/googlemaps.js" type="text/javascript" charset="utf-8">
  	</script>
  	<script src="../ajax/ajax_lugares.js" type="text/javascript" charset="utf-8"></script>
  	<script src="../ajax/ajax_utils.js" type="text/javascript" charset="utf-8"></script>
  	<script src="../ajax/ajax_login.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/menu.js" type="text/javascript" charset="utf-8"></script>
	<title>Erasmus Help! - Nuevo Lugar</title>
	<!--[if IE]> <link href="estilos/style_ie.css" rel="stylesheet" type="text/css"> <![endif]-->
	
</head>

<body onload="ocultaSubMenu(); inicializa();ocultar('form_nuevo_lugar');" onunload="GUnload()">
	
	<jsp:include page="hidden_admin.jsp"/>
	<div id='page_wrapper'>
	<jsp:include page="cabecera_admin.jsp"/>
	<jsp:include page="menu_admin.jsp"/>
	<div id='content_wrapper'>
	<div class='spacer'></div> 
	<div id='contenido'>

	<div id="cajaformnuevolugar">
		<!--<h2 class="titform">Datos de nuevo lugar favorito</h2>-->
		<br/>
		<div id = "capaBusqGmaps">
			<form action="#" id="busqlugar" onsubmit="showAddress(this.direccion.value, true); return false">
				<fieldset>
					<legend>Buscar:</legend>
					<div>
						<input type="text" id="direccion" name="direccion" size="30" title="Introduce lugar o direccion a buscar"/>
						<input type="submit" class="mybtn" value="Buscar!" title="Pulsa para buscar"/>
					</div>
					<div id="capaCreaMarcador" onclick="ponerMarcadorNuevoLugarEnCentroMapa()"><p>Poner marcador</p></div>
				</fieldset>
			</form>
		</div><!-- fin id = "capaBusqGmaps" -->
		<div class="spacer"></div>
		<div id="form_nuevo_lugar">
			<!-- <h2 class="titform">Datos de nuevo lugar de inter&eacute;s</h2> -->
			<form action="#" id="frmnuevolugar" method = "post" enctype="multipart/form-data" onsubmit="return false">
				<fieldset>
				<legend>Nuevo lugar favorito</legend>
				
				<div class="spacer"></div>
				<div id="formlugar">
					<div id="itnomlugar">
						<label for="nomlugar">Nombre<sup>*</sup></label>
						<input type="text" maxlength = "100" size="35" id="nomlugar" name="nomlugar" title="Introduzca el nombre del lugar"/>
					</div>
						
					<div id="seltipolugar">
						<label for="tipo_nuevo_lugar">Tipo</label>
						<select id="tipo_nuevo_lugar" name="tipo_nuevo_lugar" size="1" title="Selecciona el tipo de lugar">
						<%	
						mybean.conectar();
						List listaTipoLugares = mybean.getTipoLugares();
						Iterator it = listaTipoLugares.iterator();			
						while(it.hasNext()){
							String [] valorTipo = ((String) it.next()).split(",");
						%>
							<option value = "<%=valorTipo[0]%>"><%=valorTipo[1]%></option>
						<%}
						mybean.desconectar();
						%>
						</select>
					</div><!-- fin id = "seltipolugar" -->
					
					<div id="itdirecclugar">
						<label for="direcclugar">Direcci&oacute;n</label>
						<input id="direcclugar" name="direcclugar" type="text" maxlength = "100" size="50"  title="Introduzca la direcci&oacute;n del lugar"/>
					</div>
					<div id="tadescrlugar" style="float:left">
						<label for="descrlugar">Descripci&oacute;n</label>
						<div id="capadescripcionlugar">
							<textarea id="descrlugar" name="descrlugar" rows="4" cols ="45" 
							onkeyup="contarCaracteres(this, event)"  title="Introduzca la descripci&oacute;n del lugar"></textarea>					
						</div>
						<div id="capacontador">
							<input id="contador" type="text" size="4" readonly="readonly" value="255"/>
							<br/><small>Max. 255 caracteres</small>
							<p id="limitechar"></p>
						</div>
					</div>	<!-- fin id = "tadescrlugar" -->
				</div><!--fin div id="formlugar"-->
				<div id="capatfnos">
					<div id="formtfnos">	
						<h3>Tel&eacute;fonos</h3>
						<input type="hidden" id="numMaxTfnos" name="numMaxTfnos" value="1" size="2"/>
						<input type="hidden" id="numActualTfnos" name="numActualTfnos" value="1" size="2"/>
						<div id="listatfnos" >
							<div id="btntelefonos">
								<button class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)" 
								onclick="anadirTfno()" title="A�adir otro telefono">+</button>
								<button id="btnborrtfno" class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
								onclick="quitarTfno()" title="Eliminar telefono">-</button>
							</div><br/>
							<div class="divtfno" id="divtfno1">
								<input type="hidden" id="idtfno1" name="idtfno1" value="0" size="2"/>
								<input type="checkbox" id="tfnochk_1" name="tfnochk_1" class="chkbox"/>
								<input type="text" id="tfno1" name="tfno1" value="" maxlength="45" title="Introduzca telefono"/>
							</div>
						</div><!--fin div id="listatfnos"-->
					</div><!--fin div id="formtfnos"-->
				</div><!--fin div id="float:left; width: 100%"-->
				<div id="coordenadas">
					<label>Coordenadas:</label>
					<input type="text" id = "latitud" name="latitud" readonly="readonly"/>
					<input type="text" id = "longitud" name="longitud" readonly="readonly"/>
				</div>
				<div class="spacer"></div>
	
			<div class="centrado">
				<button id="btnEnvia" class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
				title="Enviar informacion del nuevo lugar"	onclick = "procesaParametros('res_insert_lugar', 'frmnuevolugar', 'proc_inserta_lugar.jsp', 'post')">Enviar</button>
								
				<button id="btnCancelaCreacionLugar" class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
				title="Cancela la creacion de un nuevo lugar" onclick = "cancelaCreacionNuevoLugar()">Cancelar</button>
			</div>
		</fieldset>
		</form>
		</div><!--fin div  id="form_nuevo_lugar" -->
		<div id="res_insert_lugar"></div>
		<div id="celdaDivMapa" class="mapuser">
			<div id="map" style="height:400px; width:820px;"></div>
		</div>
		<div class="spacer"></div>
	</div>
	
	</div>
	
	</div><!-- fin id='content_wrapper' -->
	<jsp:include page= "pie.html"/>
	</div><!--  id='page_wrapper' -->
</body>
</html>

